<html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://java.sun.com/jsf/html" xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets" xmlns:p="http://primefaces.org/ui">

<h:head>
	<h:outputStylesheet library="css" name="default.css" />
	<f:loadBundle var="label" basename="labels" />
</h:head>

<ui:insert name="style" />

<h:body>

	<div align="center">

		<div class="central">

			<div class="menu-header">
				<p:spacer width="0" height="20" />
				<p:outputLabel value="SGV - Sistema de Gerenciamento de Vendas" styleClass="header" />
			</div>

			<p:panel style="width: 450px; margin-top: 10%">
				<p:outputLabel value="Usuário e Senha não conferem." style="color: red;"/>
			</p:panel>

			<p:panel style="width: 450px; margin-top: 3%" header="Entrar">

				<p:spacer height="25" width="100%" />

				<h:form id="login" onsubmit="document.getElementById('login').action='j_security_check';" prependId="false">

					<p:panelGrid style="width: 333px">

						<p:row>
							<p:column>
								<p:outputLabel for="j_username" value="Nome de Usuário" />
							</p:column>
							<p:column>
								<p:inputText id="j_username" name="j_username" required="true" />
							</p:column>
						</p:row>

						<p:row>
							<p:column>
								<p:outputLabel for="j_password" value="Senha" />
							</p:column>
							<p:column>
								<p:password id="j_password" name="j_password" required="true" />
							</p:column>
						</p:row>

						<p:row>
							<p:column colspan="2" style="text-align:right">
								<p:commandButton id="submit" value="Login" ajax="false" />
							</p:column>
						</p:row>
					</p:panelGrid>

				</h:form>
			</p:panel>

		</div>

		<p:growl autoUpdate="true" />

	</div>

</h:body>

</html>